<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta name="robots" content="all">
  <meta name="keywords" content="{{ provider_name }},拾光壁纸,拾光官网,拾光壁纸官网,电脑壁纸,桌面背景,高清图片,4K壁纸,二次元壁纸,timeline,desktop wallpaper,desktop background">
  <meta name="description" content="拾光壁纸：干净、舒适、流畅的桌面壁纸网站。可在微软商店下载其桌面版本，以获得完整体验，如自动更换壁纸。">
  <meta name="author" content="nguaduot">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="theme-color" content="#4ECDC4"><!-- for Safari 15 -->
  <title>拾光壁纸 - 干净、舒适、流畅的壁纸网站</title>{#
  关于网页图标，参考：https://stackoverflow.com/questions/4014823/does-a-favicon-have-to-be-32%c3%9732-or-16%c3%9716
  favicon generator: https://realfavicongenerator.net/
  Declare the favicon with:
    <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico') }}">
  However, it is recommended to place favicon.ico in the root directory of the web site
  and to not declare it at all and let the modern browsers pick the PNG icons. #}
  <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='img/apple-touch-icon.png') }}">
  <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='img/favicon-16X16.png') }}">
  <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='img/favicon-32x32.png') }}">
  <link rel="icon" type="image/png" sizes="196x196" href="{{ url_for('static', filename='img/favicon-196x196.png') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='lib/font-awesome-4.7.0.css') }}">
  <script src="{{ url_for('static', filename='lib/jquery-3.7.0.min.js') }}"></script>
  <script src="{{ url_for('static', filename='lib/jquery.cookie-1.4.1.js') }}"></script>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/gallery.css') }}?v=230602">
  <script src="{{ url_for('static', filename='js/global.js') }}?v=230602"></script>
  <script src="{{ url_for('static', filename='js/gallery-qc.js') }}?v=230602"></script>
</head>

<body>
<nav>
  <div class="navbar">
    <a class="navbar-item navbar-brand" href="/home">拾光壁纸<span></span><span></span></a>
    <a class="navbar-item navbar-sort" href="/latest">最新</a>
    <a class="navbar-item navbar-sort" href="/trending">趋势</a>
    <a class="navbar-item navbar-sort" href="/random">随缘</a>
    <a class="navbar-item navbar-sort" href="/seek">发现</a>
    <a class="navbar-item navbar-sort" href="/favorite">收藏</a>
    <a class="navbar-item navbar-menu-toggle collapsed" id="btn-toggle-sort" href="javascript:">
        <i class="fa fa-chevron-right"></i>&ensp;
    </a>
    <div class="navbar-space"></div><!-- 使剩余导航项居右 -->
    <a class="navbar-item navbar-menu-toggle" id="btn-toggle-menu" href="javascript:">
        &ensp;<i class="fa fa-chevron-left"></i>
    </a>
    <a class="navbar-item navbar-menu navbar-more collapsed" id="btn-bind" href="/account" target="_blank">帐户</a>
    <a class="navbar-item navbar-menu navbar-more collapsed" href="/about" target="_blank">关于</a>
  </div>
</nav>

<section>
  <img class="logo" alt="拾光壁纸LOGO" src="{{ url_for('static', filename='img/logo.png') }}" width="805" height="103" />
  <div class="toast collapsed">
    <i class="fa fa-exclamation-circle"></i>
    <span class="msg"></span>
    <a class="action" href="javascript:"></a>
  </div>
  <div class="toast-mask"></div><!-- 消息 -->
  <div class="image-list image-list-latest">
    {# 占位填充（60项以确保2列、3列、4列、5列都能铺满） #}
    {% for i in range(60) %}
    <figure>
      <a target="_blank">{# 不写 href 以禁用跳转 #}
        <img src="{{ url_for('static', filename='img/placeholder.png') }}" alt="" referrerpolicy="no-referrer">
      </a>
      <figcaption class="fade">
        {# &ensp;0&nbsp;<i class="fa fa-star"></i>&ensp;
        &ensp;<i class="fa fa-arrow-up"></i>&ensp;
        &ensp;<a href="javascript:"><i class="fa fa-magic"></i>&nbsp;摄影</a>&ensp;
        &ensp;<a href="javascript:"><i class="fa fa-eye"></i>&nbsp;人物</a>&ensp;
        &ensp;<a href="javascript:"><i class="fa fa-star"></i>&nbsp;收藏</a>&ensp;
        &ensp;<a href="javascript:"><i class="fa fa-ban"></i>&nbsp;R18</a>&ensp;
        &ensp;<a href="javascript:"><i class="fa fa-ban"></i>&nbsp;不喜欢</a>&ensp;
        &ensp;<a href="javascript:"><i class="fa fa-ban"></i>&nbsp;删除</a>&ensp; #}
        &ensp;<i class="fa fa-tag"></i>&nbsp;加载中……&ensp;
      </figcaption>
    </figure>
    {% endfor %}
  </div>
  <div class="list-label list-label-earlier collapsed">&ensp;<i class="fa fa-bookmark"></i>&nbsp;<span>早些时候</span></div>
  <div class="image-list image-list-earlier collapsed"></div>
</section>

<div class="copyright collapsed">
  <small><a href="javascript:" title="拾光一言（点击刷新）">时光如歌，岁月如诗</a></small><br>
  <small>© 2021-2023 nguaduot。保留所有权利。</small><br>
  <small><a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2021032094号</a></small>
</div>

<script>
  // 接口访问者
  const CLIENT = "{{ client }}";
  // 图源ID
  const PROVIDER_ID = "{{ provider_id }}";
  // 图源名称
  const PROVIDER_NAME = "{{ provider_name }}";
  const PROVIDER_NAME_SHORT = "{{ provider_name_short }}";
  // 当前页 ID（规避多个 route 别名的影响）
  const PAGE_CURRENT = "{{ page }}";
  // 取数 API
  const URL_API = "{{ api|safe }}";
  // 取数 API 分页参数
  const SPLIT_KEY = "{{ split }}";
  // 原图源ID（使用 {} 标记数据字段）
  const RAW_PROVIDER = "{{ raw_provider }}";
  // 原图片ID（使用 {} 标记数据字段）
  const RAW_ID = "{{ raw_id }}";
  // 封面图片模式：cover 铺满 contain 全图
  const COVER_FIT = "{{ cover }}";
  // 封面收藏数标记
  const COVER_BLINK = parseInt("{{ blink }}") === 1;
  // 分类信息 API
  const URL_API_CATE_HOW = "{{ cate_how }}";
  const URL_API_CATE_WHAT = "{{ cate_what }}";
  // 封面“删除”标记
  const COVER_DELETE = parseInt("{{ delete }}") === 1;
  // 封面“不喜欢”标记
  const COVER_DISLIKE = parseInt("{{ dislike }}") === 1;
  // 封面“R18”标记
  const COVER_R18 = parseInt("{{ r18 }}") === 1;
  // 封面“收藏”标记
  const COVER_SAVE = parseInt("{{ save }}") === 1;
  // 封面标签（使用 {} 标记数据字段）
  const COVER_TAG = "{{ tag }}";
  // 当前页图片容量
  const PAGE_TOTAL = parseInt("{{ total }}");
  // 分组标记（一般仅 /latest 页面可能分组）
  const PAGE_GROUP = parseInt("{{ group }}") === 1;
  // 分组1多日图片容量
  const GROUP_TOTAL_OF_DAYS = parseInt("{{ group_total }}")
  // 接口数据打乱顺序标记（一般仅 /home 可能需要打乱）
  const SHUFFLE = parseInt("{{ shuffle }}") === 1;
  // 占位图路径
  const PLACEHOLDER = "{{ url_for('static', filename='img/placeholder.png') }}";
  // https://loading.io/
  const LOADING = "{{ url_for('static', filename='img/loading.svg') }}";
  // Initialize the agent at application startup.
  // https://github.com/fingerprintjs/fingerprintjs
  const FP_PROMISE = import("{{ url_for('static', filename='lib/fingerprintjs-3.3.6.min.js') }}")
    .then(FingerprintJS => FingerprintJS.load());
</script>
</body>
</html>
